import { useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
import './Home.css';

function Home() {
  const navigate = useNavigate();

  useEffect(() => {
    document.title = '首页';
  }, []);

  return (
    <div className="home-page">
      <div className="home-container">
        <h1>知识库大全</h1>
        <p>
          欢迎来到知识库大全！这里可以学习体验很多新东西，我会不断增加新内容。
        </p>

        <div className="home-buttons">
          <button onClick={() => navigate('/game1')}>井字棋游戏</button>
          <button onClick={() => navigate('/test')}>测试</button>
        </div>
      </div>
    </div>
  );
}

export default Home;
